<template>
 <div class="box">
      <ul class="sing-box">
              <router-link tag='li' :to="'/index/singermsg/'+tinguid">
  
              <img :src="person.avatar_s180" alt />
              <div >
                  {{person.name}}
              </div>

              </router-link>
      </ul>
  </div>
</template>

<script>
import { getTinguid } from "../../../api/baidu-music";
export default {
props:{
    tinguid:[String,Number]
},
data(){
    return{

person:{}
    }
},
created(){
    getTinguid(this.tinguid).then(res=>{
           this.person = res.data
    })
}


}
</script>

<style lang='less' scoped>
.box{
    background: #fff;
}
.sing-box{

    li{
        border-bottom: 1px solid #FBFBFB;
        height: 40px;
        line-height: 40px;
        display: flex;
padding: 10px 15px;
margin: 0 10px;

        img{width: 40px;
        height: 40px;
        border-radius: 50%;
        }
        div{
            margin-left: 10px;
        }
    }
}
</style>